import React, { PureComponent } from 'react';
import { WriterWrapper, WriterTitle, WriterSwitch, WriterContent } from '../style';
import {IconStyle} from "../../../statics/iconfont/iconfont";

class Writer extends PureComponent{
    render() {
        return (
            <WriterWrapper>
                <WriterTitle>
                    推荐作者
                    <WriterSwitch>
                    <IconStyle/>
                    <i className='iconfont iconziyuan spin'></i>
                    换一批
                    </WriterSwitch>
                </WriterTitle>
                <WriterContent>
                <ul>

                        <a href="" className='scense'>
                            <img className='pics' src="https://upload.jianshu.io/users/upload_avatars/3950651/acfaa0ce-42fe-424a-b7c8-9a0136fb96ec.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=''/>
                        </a>
                        <a className='mid'>
                            <p className='name'>三儿王屿</p>
                            <p className='information'>写了2020.14k字·28.5k喜欢</p>
                        </a>

                        <a className='scense'>
                            <img className='pics' src="https://upload.jianshu.io/users/upload_avatars/5303650/33f2887c-e6e2-43b3-bd2c-b8516e5ee646.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=''/>
                        </a>
                        <a className='mid'>
                            <p className='name'>格列柯兰</p>
                            <p className='information'>写了2019.14k字·28.5k喜欢</p>
                        </a>

                        <a className='scense'>
                            <img className='pics' src="https://upload.jianshu.io/users/upload_avatars/14715425/e0668349-8c75-43db-8a9d-c388e5f00d0d.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=''/>
                        </a>
                        <a className='mid'>
                            <p className='name'>简书钻石小管家</p>
                            <p className='information'>写了2018.14k字·28.5k喜欢</p>
                        </a>

                </ul>
                </WriterContent>
            </WriterWrapper>
        );
    }
}

export default Writer;